<!-- Muro de la noticia para que los usuarios de kinet puedan escribir comentarios sobre él -->
<div class="cartel">
    Comentarios
</div>
                    
<div style="margin:0 auto;width:80%;">           
    <!-- Aquí aparecerán los comentarios recibidos -->
    <!-- Aquí aparecerá la opción de añadir un comentario -->
    <?php $misDatos = datosUsuario($_SESSION['uid']);?>
        <form method="post" action="../logic/insertarComentarioNoticia.php" onsubmit="return validarFormulario()">
            <input type="hidden" name="bid" value="<?php echo $_GET['bid'] ?>">
            
            <div style="width:100%;padding:5px">
                <div style="float:left;padding-right:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" src="../<?php  echo $misDatos['foto']  ?>">
                </div>
                <div class="bocadillo_izquierda" style="float:left;padding:10px;width:calc(100% - 76px);min-height:60px">
                    <div style="float:left;font-size:16px;font-weight:bold"><?php echo $misDatos['nombreUsuario']." ".$misDatos['apellidos']; ?> dice:</div>
                    
                    <textarea name="comentario" maxlength="500" id="comentario" style="width:100%;height:100px;color:black"></textarea>
                    <div style="text-align:center;width:100%;padding:10px;"><button class="btn btn-info" style="border-radius:0;width:100px;">Enviar</button></div>
                </div>
                <div style="clear:both"></div>
            </div>
        </form>
    <?php
    
//    include '../logic/funcionesChachis.php';
    
    $comentarios = obtenerComentariosNoticia($_GET['bid']);

   //Preparamos los datos para la paginación
    $resPorPagina = 10;

    if(!isset($_GET['pagina'])) {
        $_GET['pagina'] = 1;
    }
    $resultados = paginar(count($comentarios), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

    $i = $resultados['i'];
    while ($i < $resultados['max']) {


        if ($_SESSION['uid'] == $comentarios[$i]['idUsuario']){ ?>
            <div style="width:100%;padding:10px;position:relative">
                <div style="float:left;padding-right:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" src="../<?php echo $comentarios[$i]['foto'] ?>">
                </div>
                <div class="bocadillo_izquierda" style="float:left;padding-left:10px;width:calc(100% - 76px);min-height:60px;text-align:justify">
                   <div style="float:left;font-weight:bold;">
                        <?php echo $comentarios[$i]['nombre']." ".$comentarios[$i]['apellidos']; ?> dijo:
                    </div>
                    <div style="float:right;font-size:11px;color:silver;">
                        <?php echo formatoFecha($comentarios[$i]['fecha']); ?> a las <?php echo formatoHora($comentarios[$i]['fecha']); ?>
                    </div>
                    <div style="padding:10px 0 25px 0;width:100%;float:left;">
                        <?php echo $comentarios[$i]['comentario'] ?><br>
                    </div>

                </div>
                
                <div style="clear:both"></div>

            </div>
        <?php
        } else {
        ?>
            <div style="width:100%;padding:10px">
                <div style="float:right;padding-left:10px;min-height:60px;">
                    <img class="thumb" style="width:60px;" src="../<?php echo $comentarios[$i]['foto'] ?>">
                </div>
                <div class="bocadillo_derecha" style="float:right;padding:10px;width:calc(100% - 76px);min-height:60px;text-align:justify;position:relative">
                    <div style="float:left;font-weight:bold;">
                        <a href="#" title="Visitar Perfil" onclick="document.verPerfil<?php echo $i ?>.submit();"><?php echo $comentarios[$i]['nombre']." ".$comentarios[$i]['apellidos']; ?></a> dijo:
                    </div>
                    <div style="float:right;font-size:11px;color:gray;">
                        <?php echo formatoFecha($comentarios[$i]['fecha']); ?> a las <?php echo formatoHora($comentarios[$i]['fecha']); ?>
                    </div>
                    <div style="padding:10px 0 25px 0;float:left;width:100%;">
                        <?php echo $comentarios[$i]['comentario'] ?><br>
                    </div>
                    <div class="denunciar abajo izquierda" data-toggle="modal" data-target="#denunciarComentarioBlog<?php echo $comentarios[$i]['idComentarioBlog'] ?>" title="Denunciar Comentario">
                        <i class="glyphicon glyphicon-flag"></i>
                    </div>
                </div>
                
                <div style="clear:both"></div>
                <script>
                    $(document).ready(function(){
                        $('#denunciarComentarioBlog<?php echo $comentarios[$i]['idComentarioBlog'] ?>').modal(options);
                    });
                </script>
            </div>
            <form method="get" action="../usuarios/perfil.php" name="verPerfil<?php echo $i ?>">
                <input type="hidden" name="uid" value="<?php echo $comentarios[$i]['idUsuario'] ?>">
            </form>
            <?php include 'denunciarComentarioBlog.php'; ?>
        <?php

        }
        $i++;

    }  ?>        
    <div style="width:100%;text-align:center">
        <?php if (count($comentarios) > $resPorPagina) { ?>
            <ul class="pagination">
                <?php if ($_GET['pagina'] == 1) { ?>
                    <li><a href="#">&laquo;</a></li>
                <?php } else { ?>
                    <li><a href="verNoticia.php?pagina=<?php echo $_GET['pagina']-1 ?>&bid=<?php echo $_GET['bid'] ?>">&laquo;</a></li>
                <?php } ?>

                <?php for ($in = 0 ; $in < (count($comentarios)/$resPorPagina) ; $in++) { ?>
                    <?php if ($in+1 == $_GET['pagina']) { ?>
                        <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                    <?php } else { ?>
                        <li><a href="verNoticia.php?pagina=<?php echo $in+1 ?>&bid=<?php echo $_GET['bid'] ?>"><?php echo $in+1 ?></a></li>
                    <?php } ?>
                <?php }?>
                        
                <?php if ($_GET['pagina'] >= (count($comentarios)/$resPorPagina)) { ?>
                    <li><a href="#">&raquo;</a></li>
                <?php } else { ?>
                    <li><a href="verNoticia.php?pagina=<?php echo $_GET['pagina']+1 ?>&bid=<?php echo $_GET['bid'] ?>">&raquo;</a></li>
                <?php } ?>
                
            </ul>
        <?php } ?>
    </div>       
    <div style="clear:both"></div>
</div>

<script>
    function validarFormulario() {
        campo = document.getElementById("comentario");
        if (campo.value == "") {
            campo.style.borderColor = "red";
            campo.style.boxShadow = "0px 0px 15px red";
            return false;
        } else {
            campo.style.borderColor = "silver";
            campo.style.boxShadow = "none";
        }
        return true;
    }
</script>